<template>
    <div>
        {{ counterStore.count }}
    </div>
    <div>
        <el-button type="primary" @click="onAdd">Increase</el-button>
        <el-button type="primary" @click="onReduce">Decrease</el-button>
    </div>
</template>

<script setup type="ts">
import { useCounterStore } from '../../stores/counter.store';
const counterStore = useCounterStore()

const onAdd = () => {
    counterStore.increament()
}

const onReduce = () => {
    counterStore.reduce()
}
</script>